<!DOCTYPE html>
<html lang="en">
<head>
	<!-- CHARACTER SET -->
	<meta charset="utf-8">
	<link rel="icon" type="text/css" href="https://orz.red/img/ico.png">
	<!-- VIEWPORT SIZING FOR ALL DEVICES -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- AUTHOR -->
	<meta name="author" content="Tyler West">
	
	<!-- DESCRIPTION -->
	<meta name="description" content="A simple digital clock built with html, css, and javascript.  It will give you the time of day in 12 hour format and the day of the week.">
	
	<!-- TITLE -->
	<title>Digital Clock</title>

	<!-- SHORTCUT ICON -->
	<!-- <link rel="shortcut icon" href="img/favicon.ico"> -->

	<!-- CUSTOM EXTERNAL STYLESHEET -->
	<link rel="stylesheet" href="main.css">	

</head>

<body>

	<main>
		<!-- DAY OF THE WEEK -->
		<div class="days">
		
			<div class="day">
				<p class="sunday">星期日</p>
			</div>

			<div class="day">
				<p class="monday">星期一</p>
			</div>

			<div class="day">
				<p class="tuesday">星期二</p>
			</div>

			<div class="day">
				<p class="wednesday">星期三</p>
			</div>

			<div class="day">
				<p class="thursday">星期四</p>
			</div>

			<div class="day">
				<p class="friday">星期五</p>
			</div>

			<div class="day">
				<p class="saturday">星期六</p>
			</div>

		</div>
		<!-- CLOCK -->
		<div class="clock">
			<!-- HOUR -->
			<div class="numbers">
				<p class="hours"></p>
				<p class="placeholder">88</p>
			</div>

			<div class="colon">
				<p>:</p>
			</div>

			<!-- MINUTE -->
			<div class="numbers">
				<p class="minutes"></p>
				<p class="placeholder">88</p>
			</div>

			<div class="colon">
				<p>:</p>
			</div>

			<!-- SECOND -->
			<div class="numbers">
				<p class="seconds"></p>
				<p class="placeholder">88</p>
			</div>
			
			<!-- AM / PM -->
			<div class="am-pm">

				<!-- AM -->
				<div>
					<p class="am">上午</p>
				</div>

				<!-- PM -->
				<div>
					<p class="pm">下午</p>
				</div>
			</div>

		</div><!-- END CLOCK -->

	</main>



	<!-- CUSTOM JAVASCRIPT STYLESHEET -->
	<script src="main.js"></script>

</body>

</html>